<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head th:include="include :: header"></head>
<link rel="stylesheet" th:href="@{/css/public.css}" media="all"/>
<link th:href="@{/plugins/jquery-layout/jquery.layout-latest.css}" rel="stylesheet"/>
<link rel="stylesheet" th:href="@{/plugins/zTree/css/zTreeStyle/zTreeStyle.css}" media="all" />
<link rel="stylesheet" th:href="@{/css/user.css}" media="all"/>
<body style="overflow: hidden; width: auto; height: auto; margin: 0px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;">
<div class="left" >
<div class="ui-layout-west ui-layout-pane ui-layout-pane-west" style="position: absolute; margin: 18px; left: 0px; right: auto; bottom: 0px; height: 890px; z-index: 0; overflow: hidden; width: 185px; display: block; visibility: visible; top: 0px;">
    <div class="main-content">
        <div class="box box-main">
            <div class="box-header">
                <div class="box-title">
                    <i class="fa icon-grid"></i> 组织机构
                </div>
                <div class="box-tools pull-right">
                    <a type="button" class="btn btn-box-tool menuItem" href="#" onclick="dept()" title="管理部门"><i class="layui-icon layui-icon-edit"></i></a>
                    <button type="button" class="btn btn-box-tool" id="btnCollapse" title="折叠"><i class="layui-icon layui-icon-down"></i></button>
                    <button type="button" class="btn btn-box-tool" id="btnRefresh" title="刷新部门"><i class="layui-icon layui-icon-refresh"></i></button>
                </div>
            </div>
            <div class="ui-layout-content" style="position: relative; height: 890px; visibility: visible;">
                <div id="tree" class="ztree"></div>
            </div>
        </div>
    </div>
</div>
</div>
<!--

-->
<!--class="container-div ui-layout-center ui-layout-pane ui-layout-pane-center"-->
<div class="container-div ui-layout-center ui-layout-pane ui-layout-pane-center" style="position: absolute; margin: 0px; left: 193px; right: 0px; top: 0px; bottom: 0px; width: 1507px; z-index: 0; display: block; visibility: visible;">
    <div class="row">
    <form class="layui-form">
        <!--查询区域-->
        <blockquote class="layui-elem-quote quoteBox">
            <form class="layui-form">
                <input type="hidden" id="deptId" name="deptId">
                <input type="hidden" id="parentId" name="parentId">
                <div class="layui-form-item" id="search">
                    <div class="layui-inline">
                        <label class="layui-form-mid">登录名称：</label>
                        <div class="layui-input-inline">
                            <input type="text" id="loginName" class="layui-input searchVal"
                                   placeholder="请输入搜索的内容"/>
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-mid">手机号码：</label>
                        <div class="layui-input-inline">
                            <input type="text" id="phonenumber" class="layui-input searchVal"
                                   placeholder="请输入搜索的内容"/>
                        </div>

                    </div>
      <!--              <div class="layui-inline">
                        <label class="layui-form-mid">用户状态：</label>
                        <div class="layui-input-inline">
                            <input type="text" id="status" class="layui-input searchVal"
                                   placeholder="请输入搜索的内容"/>
                        </div>
                    </div>-->
                    <div class="layui-inline">
                        <label class="layui-form-mid">创建时间：</label>
                        <div class="time-input-inline">
                            <input type="text" class="layui-input time-input" id="startTime" placeholder="开始时间"
                                   name="params[beginTime]"/>
                            <span>-</span>
                            <input type="text" class="layui-input time-input" id="endTime" placeholder="结束时间"
                                   name="params[endTime]"/>
                        </div>

                    </div>

                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <button class="layui-btn search_btn" type="button"><i class="layui-icon">&#xe615;</i>查询
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </blockquote>
        <!--数据表格区域-->
        <table id="userList" lay-filter="userList"></table>
    </form>
    </div>
</div>


<!--头工具条-->
<script type="text/html" id="toolbar">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="add"><i
                class="layui-icon layui-icon-add-1"></i>新增
        </button>
        <button class="layui-btn layui-btn-sm layui-btn-warm" lay-event="edit"><i
                class="layui-icon layui-icon-edit"></i>修改
        </button>
        <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del"><i
                class="layui-icon layui-icon-delete"></i>删除
        </button>
    </div>
</script>
<!--行工具栏-->
<script type="text/html" id="bar">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<!-- js部分 -->
<div th:include="include::footer"></div>
<script type="text/javascript" th:src="@{/js/system/user/list.js}"></script>
<script type="text/javascript" th:src="@{/js/common.js}"></script>
<script type="text/javascript" th:src="@{/plugins/jquery-layout/jquery.layout-latest.js}"></script>
<script type="text/javascript" th:src="@{/plugins/zTree/js/jquery.ztree.all-3.5.min.js}"></script>
</body>
</html>